<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>

<body>

<div class="content">
    <div id="form_wrapper" class="form_wrapper">
        <form class="register">
            <h3>Register</h3>
            <div class="column">
                <div>
                    <label>First Name:</label>
                    <input type="text"/>
                    <span class="error">This is an error</span>
                </div>
                <div>
                    <label>Last Name:</label>
                    <input type="text"/>
                    <span class="error">This is an error</span>
                </div>
                <div>
                    <label>Website:</label>
                    <input type="text" value="http://"/>
                    <span class="error">This is an error</span>
                </div>
            </div>
            <div class="column">
                <div>
                    <label>Username:</label>
                    <input type="text"/>
                    <span class="error">This is an error</span>
                </div>
                <div>
                    <label>Email:</label>
                    <input type="text"/>
                    <span class="error">This is an error</span>
                </div>
                <div>
                    <label>Password:</label>
                    <input type="password"/>
                    <span class="error">This is an error</span>
                </div>
            </div>
            <div class="bottom">
                <div class="remember">
                    <input type="checkbox"/>
                    <span>Send me updates</span>
                </div>
                <input type="submit" value="Register"/>
                <a href="index.html" rel="login" class="linkform">You have an account already? Log in here</a>
                <div class="clear"></div>
            </div>
        </form>
        <form class="login active">
            <h3>Login</h3>
            <div>
                <label>Username:</label>
                <input type="text"/>
                <span class="error">This is an error</span>
            </div>
            <div>
                <label>Password: <a href="forgot_password.html" rel="forgot_password" class="forgot linkform">Forgot
                    your password?</a></label>
                <input type="password"/>
                <span class="error">This is an error</span>
            </div>
            <div class="bottom">
                <div class="remember"><input type="checkbox"/><span>Keep me logged in</span></div>
                <input type="submit" value="Login"></input>
                <a href="register.html" rel="register" class="linkform">You don't have an account yet? Register here</a>
                <div class="clear"></div>
            </div>
        </form>
        <form class="forgot_password">
            <h3>Forgot Password</h3>
            <div>
                <label>Username or Email:</label>
                <input type="text"/>
                <span class="error">This is an error</span>
            </div>
            <div class="bottom">
                <input type="submit" value="Send reminder"></input>
                <a href="index.html" rel="login" class="linkform">Suddenly remebered? Log in here</a>
                <a href="register.html" rel="register" class="linkform">You don't have an account? Register here</a>
                <div class="clear"></div>
            </div>
        </form>
    </div>
    <div class="clear"></div>
</div>


<!-- The JavaScript -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

</body>
</html>